<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>优惠劵</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.menu {
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 0;
		}
		
		.menu li {
			display: inline-block;
			font-size: 14px;
			background: #FFF;
			border-bottom: 2px solid #fff;
			width: 33.3333%;
		}
		
		.active {
			color: #FC3A2E;
			border-bottom: 2px solid #FC3A2E!important;
		}
		.groupon {
			margin-top: 1px;
			border-bottom: 1px solid #DCDCDC;
			white-space: nowrap;
		}
		.groupon-img {
			max-height: 95px;
			overflow: hidden;
		}
		.groupon-img img {
			width: 100%;
			height: 100%;
			max-height: 95px;
			max-width: 95px;
		}
		.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
			top: 88px !important;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">优惠劵</a>
		<a class="mui-pull-right pad-h-md btn-add-groupon">
			<i class="iconfont icon-bianji"></i>
		</a>
	</header>
	<!-- 顶部导航 结束 -->

	<!--顶部菜单 开始-->
	<ul class="mui-text-center menu">
		<li class="pad-v active" data-target="member.groupon.scroll.unuse.html">未使用</li>
		<li class="pad-v" data-target="member.groupon.scroll.used.html">已使用</li>
		<li class="pad-v" data-target="member.groupon.scroll.expire.html">已过期</li>
	</ul>
	<!--顶部菜单 结束-->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.groupon.js" ></script>
</body>
</html>